<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>睿汇交易社区下载</title>
    <link rel="stylesheet" type="text/css" href="css/home.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
    <script src="js/html5media.min.js" type="text/javascript" charset="utf-8"></script>
    <style >
        #overlayout {
            width: 100%;
            height: 100%;
            position: absolute;
            background: #000;
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
            display: none;
            z-index: 101;
        }
        
        #yindao-img {
            position: fixed;
            top: 0;
            right: 0;
            display: none;
            z-index: 999;
            text-align: right;
        }
    </style>
</head>

<body>
    <div id="overlayout">
    </div>
    <div id="yindao-img">
        <!-- <img alt="" src="images/dianli/zy.png" style="max-width:70%"> -->
        <img alt="" src="images/zy.png" style="max-width:70%">
    </div>
    	<div class="rh_bac">
			<div class="title">
				<img src="images/title.png" width="279" />
			</div>
			<div class="phone">
				<div class="pic">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide slideBanner"><img src="images/1.jpg" width="155"/></div>
							<div class="swiper-slide slideBanner"><img src="images/2.jpg" width="155" /></div>
							<div class="swiper-slide slideBanner"><img src="images/3.jpg" width="155" /></div>
							<div class="swiper-slide slideBanner"><img src="images/4.jpg" width="155" /></div>
							<div class="swiper-slide slideBanner"><img src="images/5.jpg" width="155" /></div>
						</div>
					</div>
				</div>
			</div>
			<div class="down_button" id="downloadApp">
				<a href="javascript:;">下载手机App</a>
			</div>
		</div>

    <script type="text/javascript">
        var haibeiVideo = document.querySelectorAll('.haibei-video')[0];
        var videoLayer = document.querySelectorAll('.video-layer');
        window.onload = function () {
            var downloadApp = document.getElementById("downloadApp");
            var u = navigator.userAgent;
            downloadApp.onclick = function () {
                var u = navigator.userAgent;
                if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
                    if (is_weixin()) {
                        //					window.open('http://a.app.qq.com/o/simple.jsp?pkgname=com.miux.android','_blank');
                        document.getElementById("overlayout").style.display = 'block';
                        document.getElementById("yindao-img").style.display = 'block';

                    } else {
                        //				alert('应用正在审核中...');
                        window.location.href = 'http://fir.im/cwed';

                    }
                } else if (u.indexOf('iPhone') > -1) { //苹果手机
                    if (is_weixin()) {
                        document.getElementById("overlayout").style.display = 'block';
                        document.getElementById("yindao-img").style.display = 'block';

                    } else {
                        alert('IOS版审核中，敬请期待');
                        // window.location.href = 'https://itunes.apple.com/cn/app/hai-bei-she-qu/id1168383375?mt=8';
                    }
                } else if (u.indexOf('Windows Phone') > -1) { //winphone手机
                    //alert(2);
                } else { }

                document.getElementById("overlayout").onclick = function (e) {
                    e.target.style.display = 'none';
                    document.getElementById("yindao-img").style.display = 'none';
                }

            }
            /* 判断是否是微信浏览器 */
            function is_weixin() {
                var ua = navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    return true;
                } else {
                    return false;
                }
            }

        }
    </script>

</body>

</html>